import React from 'react';
// ReactDOM是react-dom中的大对象，使用对象中的creactRoot方法，可以创建根实例
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
// import reportWebVitals from './reportWebVitals';

// 引入antd组件库，只需要在项目入口文件引入，后续直接在页面中引入对应的组件就可以
import 'antd/dist/reset.css';

// 引入路由模式（历史模式）
import {BrowserRouter as Router} from 'react-router-dom'

// 导入仓库
import { store, persistor } from '@/store/Index'
//如果使用React,则使用 PersistGate 包裹根组建
import { PersistGate } from 'redux-persist/lib/integration/react';
import { Provider } from 'react-redux'



// 配置中文国际化
import { ConfigProvider } from 'antd';
// 导入中文包
import zhCN from 'antd/lib/locale/zh_CN';

const root = ReactDOM.createRoot(document.getElementById('root'));

root.render(
  <Provider store={store}>
    <Router>
      <PersistGate loading={null} persistor={persistor}>
        <ConfigProvider locale={zhCN}>
          <App />
        </ConfigProvider>
      </PersistGate>
    </Router>
  </Provider>
);